<template>
    <div class="list">
        <Editor
            :value="value"
            :locale="zhHans"
            :plugins="plugins"
            @change="handleChange"
        />
    </div>
</template>

<script setup lang="ts">
import "bytemd/dist/index.css"; // 引入编辑器样式文件
import zhHans from "bytemd/lib/locales/zh_Hans.json"; // 汉化
import { Editor } from "@bytemd/vue-next"; // 引入组件
import gfm from "@bytemd/plugin-gfm"; // 插件：为编辑器新增删除线、表格等功能
import { ref } from "vue";
 
// 编辑器输入的内容
const value = ref();
// 插件列表
const plugins = [gfm()];
 
// 获取编辑内容
const handleChange = (v: any) => {
  value.value = v;
};

setInterval(() => {
    console.log(value.value)
}, 1000);
</script>